@charset "utf-8";
@import url("reset_d195019.css");
a:active {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.wrap {
  padding-bottom: 2.645333rem;
}
.tit {
  height: 2.602667rem;
  line-height: 2.602667rem;
  text-align: center;
  font-size: 0.810667rem;
  color: #dcbc85;
  border-bottom: 1px solid #000000;
  position: relative;
  padding-bottom: 1px;
}
.tit:after {
  content: "";
  width: 100%;
  border-bottom: 1px solid #626262;
  display: block;
}
.tit .back {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 2rem;
  height: 100%;
  background: url("../images/back_17acda9.png") no-repeat center;
  background-size: 0.512rem 1rem;
}
#nav {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
}
#nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#nav ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 2px #1f2229 solid;
}
#nav ul li:nth-child(1) a {
  background: url("../images/home_icon_b1b2f10.png") no-repeat center 0.384rem #23262e;
  background-size: 0.725333rem 0.725333rem;
}
#nav ul li:nth-child(1) a.active {
  color: #dcbc85;
  background: url("../images/home_icon_act_65a7f3b.png") no-repeat center 0.384rem #23262e;
  background-size: 0.725333rem 0.725333rem;
}
#nav ul li:nth-child(2) a {
  background: url("../images/search_icon_3e1a1c6.png") no-repeat center 0.384rem #23262e;
  background-size: 0.725333rem 0.725333rem;
}
#nav ul li:nth-child(2) a.active {
  color: #dcbc85;
  background: url("../images/search_icon_act_891e73f.png") no-repeat center 0.384rem #23262e;
  background-size: 0.725333rem 0.725333rem;
}
#nav ul li:nth-child(3) {
  border-right: none;
}
#nav ul li:nth-child(3) a {
  background: url("../images/personage_icon_00c7fbe.png") no-repeat center 0.384rem #23262e;
  background-size: 0.725333rem 0.725333rem;
}
#nav ul li:nth-child(3) a.active {
  color: #dcbc85;
  background: url("../images/personage_icon_act_ae522cf.png") no-repeat center 0.384rem #23262e;
  background-size: 0.725333rem 0.725333rem;
}
#nav ul li a {
  display: block;
  height: 2.645333rem;
  font-size: 0.682667rem;
  text-align: center;
  line-height: 3.6rem;
  color: #888888;
}
body {
  background: #23272f;
}
.f-l {
  float: left;
}
.f-r {
  float: right;
}
.wrap {
  padding: 0.384rem 0.384rem 2.645333rem;
}
.search-l {
  float: left;
  width: 12.16rem;
  position: relative;
}
.search-l input {
  width: 11.861333rem;
  height: 1.493333rem;
  line-height: 1.493333rem;
  font-size: 0.512rem;
  padding-left: 0.298667rem;
  border-radius: 0.085333rem;
  background: #2d313b;
  color: #888888;
  border: none;
  outline: none;
}
.search-l .btn {
  width: 1.493333rem;
  height: 1.493333rem;
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/search_icon_3e1a1c6.png") no-repeat center center;
  background-size: 0.512rem 0.512rem;
}
.search-r {
  float: right;
  width: 2.133333rem;
  height: 1.493333rem;
  position: relative;
  line-height: 1.493333rem;
  font-size: 0.597333rem;
  color: #dcbc85;
  background: url("../images/sx_c72c853.png") no-repeat right center;
  background-size: 0.64rem 0.64rem;
}
.search-r ul {
  display: none;
  position: absolute;
  right: 0;
  top: 1.493333rem;
  z-index: 99;
  width: 2.517333rem;
  border: 1px #dcdddd solid;
  background: rgba(255, 255, 255, 0.8);
}
.search-r ul li {
  height: 1.664rem;
  line-height: 1.664rem;
  font-size: 0.554667rem;
  text-align: center;
  color: #999999;
  border-bottom: 1px #dcdddd solid;
}
.search-r ul li.act {
  color: #444444;
}
.search-r ul li.last {
  border-bottom: none;
}
.main ul {
  margin-top: 0.426667rem;
  background: #393c42;
}
.main ul li {
  float: left;
  width: 45%;
  margin: 0.128rem 1%;
  padding: 0.170667rem 1.5%;
  background: #fff;
  /*
			border: 1px #dcdddd solid; 
			-webkit-box-sizing:border-box;
					   	-moz-box-sizing:border-box;
					        box-sizing:border-box; */
}
.main ul li img {
  display: block;
  width: 100%;
}
.main ul li .img-box {
  border: 1px #dcdddd solid;
}
.main ul li .tit {
  height: 0.981333rem;
  line-height: 0.981333rem;
  color: #777777;
  border-bottom: 1px #b0b0b0 solid;
}
.main ul li .tit-l {
  float: left;
  font-size: 0.597333rem;
}
.main ul li .tit-r {
  float: right;
  font-size: 0.426667rem;
}
.main ul li .info {
  padding: 0.3rem 0;
  font-size: 0.5rem;
  color: #ae9263;
}
.main ul li .info-l {
  padding-left: 0.682667rem;
  background: url("../images/money_20bcb3f.png") no-repeat 0.085333rem center;
  background-size: 0.426667rem 0.426667rem;
}
.main ul li .info-r {
  padding-left: 0.512rem;
  background: url("../images/tips_41d1dca.png") no-repeat left center;
  background-size: 0.341333rem 0.426667rem;
}
.main .down-load {
  width: 100%;
  height: 1.706667rem;
  background: url("../images/down_load_4de4ff7.png") no-repeat center;
  background-size: 0.682667rem 0.682667rem;
}
